<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="utf-8" />
	<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/favicon.ico">
	<link rel="icon" type="image/png" href="./assets/img/favicon.ico">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>数据资产管理平台</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
		  name='viewport' />
	<!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap-grid.css" rel="stylesheet"> -->
	<link href="./vendor/bootstrap-grid.css" rel="stylesheet">
	<!-- Google Font -->

	<link href="./assets/layui/css/layui.css" rel="stylesheet">
	<!-- Font Awesome Icons -->
	<link rel="stylesheet" href="assets/font/iconfont.css">

	<!-- Main CSS -->
	<link href="./assets/css/main.css" rel="stylesheet" />

	<!-- Animation CSS -->
	<link href="vendor/aos.css" rel="stylesheet" />



	<style>
		.nav-item .active {
			font-weight: 600;
		}

		/* 修改header的样式 */
		.nav-link {
			color: #353c58 !important;
		}

		.navbar-dark .navbar-brand:hover,
		.navbar-dark .navbar-brand:focus {
			color: #FF6A00;
		}

		.btn-outline-white:hover {
			background-color: rgba(244, 244, 244, 0.7);
			border-color: #FF6A00 !important;
		}

		.navbar-dark .navbar-brand {
			color: #353c58;
		}

		.navbar {
			background-color: rgba(244, 244, 244, 0.5);
		}

		.nav-link.active {
			color: #FF6A00 !important;
		}

		.nav-link.active,
		.nav-link.active1 {
			color: #FF6A00 !important;
		}

		.page-item.active .page-link {
			z-index: 1;
			color: #fff;
			background-color: #FF6A00;
			border-color: #FF6A00;
		}

		/* end */


		.fun-Directory {
			display: flex;
			flex-wrap: wrap;
		}

		.fun-Directory li {
			width: 16.6%;
		}

		h3 {
			font-size: 1rem !important;
		}

		.searchHeaderBox {
			position: absolute;
			top: 83px;
			z-index: 1999;
			background-color: white;
			width: 400px;
			left: 856px;
			padding: 10px;
		}

		.searchHeaderBox .label {
			padding: 3px 8px;
			border: 1px solid #d8d8d8;
			margin-right: 12px;
			margin-bottom: 10px;
		}

		::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #999;
			font-size: 14px;
		}

		::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #999;
			font-size: 14px;
		}

		:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #999;
			font-size: 14px;
		}

		.split {
			z-index: 1;
			background: linear-gradient(45deg,#03CA93,#00ff7f38 32%,#ffd32e);
			width: 100%;
			height: 4px;
			margin-top: 50px;
		}

		.infoCard {
			width: 100%;
			/* position: relative; */
			border: 1px solid #ededec;
			border-left: none;
			border-right: none;
			/* transition: box-shadow .3s ease-out; */
			display: flex;
			justify-content: space-between;

		}

		.infoCard:hover {
			box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);

		}

		.infoCard .left-info {
			padding: 30px 10px;
		}

		.infoCard .right-link {
			background-color: #fbfbfb;
			padding: 30px 10px;
		}

		.right-link ul {
			margin-left: 50%;
			transform: translateX(-100px);
			margin-top: 50px;

		}

		.right-link a {
			text-decoration: none;
			color: #fbfbfb;
		}

		.right-link a span {
			display: inline-block;
			width: 200px;
			height: 40px;
			background-color: #FF6A00;
			margin-bottom: 20px;
			text-align: center;
			line-height: 40px;
		}

		.row {
			margin-top: 10px;
		}

		.info span {
			font-size: 14px;
			font-weight: normal;
		}

		.info .col div {
			font-weight: 600;
		}

		.RelatedProductMenu .card {
			flex: none;
			width: 22.5% !important;
			margin-left: 1.25% !important;
			margin-right: 1.25% !important;
			margin-bottom: 20px;
			cursor: pointer;
		}

		.card-pricing .card ul li {
			margin-bottom: 0;
		}

		/*星星样式*/
		.atar_Show {
			background: url(./assets/img/stark2.png);
			width: 160px;
			height: 21px;
			position: relative;
			/* float: left; */
			display: inline-block;
		}

		.atar_Show p {
			background: url(./assets/img/stars2.png);
			left: 0;
			height: 21px;
			width: 124px;
		}
	</style>
</head>

<body>

<!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
<nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top">
	<div class="container-fluid">
		<a class="navbar-brand" href="./index.html"><i class="iconfont icon-globe1 mr-2"
													   style="font-size: 20px;"></i><strong>数据资产管理</strong>
		</a>
		<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
				aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="navbar-collapse collapse" id="navbarColor02">
			<ul class="navbar-nav mr-auto d-flex align-items-center">
				<li class="nav-item">
					<a class="nav-link" href="./index.html">门户首页</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="./dataResources.html">公开数据</a>
				</li>
				<!--					<li class="nav-item dropdown">-->
				<!--						<a class="nav-link" href="productStore.html">数据产品 </a>-->
				<!--					</li>-->
				<!--					<li class="nav-item">-->
				<!--						<a class="nav-link" href="./serviceStore.html">服务产品</a>-->
				<!--					</li>-->
				<!--					<li class="nav-item">-->
				<!--						<a class="nav-link" href="./customShop.html">定制数据</a>-->
				<!--					</li>-->
				<li class="nav-item">
					<a class="nav-link" href="./developer.html">平台介绍</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="./newMessage.html">平台资讯</a>
				</li>
				<!--					<li class="nav-item">-->
				<!--						<a class="nav-link" href="./accessData.html">数据访问</a>-->
				<!--					</li>-->
				<li class="nav-item highSerachBtn">
					<div class="col pt-4 pb-4">
						<a class="btn btn-lg btn-outline-white btn-round searchKeyword text-white"
						   style="color: #353c58 !important;border-color: #353c58;"><span class="iconbox border-0"
																						  style="margin-right: 5px;"><i class="iconfont icon-search"
																														style="font-size: 20px;"></i></span>搜索</a>
					</div>
				</li>
			</ul>
			<ul class="navbar-nav ml-auto d-flex align-items-center">
				<!--					<li class="nav-item">-->
				<!--						<a class="nav-link myBtn" href="javascript:;">-->
				<!--							<span class="iconbox border-0" style="margin-right: 5px;"><i-->
				<!--									class="iconfont icon-cart-arrow-down"></i></span>产品袋-->
				<!--						</a>-->
				<!--					</li>-->
				<li class="nav-item">
					<a class="nav-link" href="./mySpace.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-bxs-book-reader"></i></span>用户中心 </a>
				</li>
				<li class="nav-item disabledNone" id="userInfo">
					<ul class="layui-nav" style="background-color: rgba(244, 244, 244, 0);padding: 0;">
						<li class="layui-nav-item">
							<a href="javascript:;" style="color: #353c58 !important;">
									<span class="iconbox border-0" style="margin-right: 5px;"><i
											class="iconfont icon-user-fill"></i></span>
								用户：<span id="accunt">登录过期</span>
							</a>
							<dl class="layui-nav-child">
								<dd><a href="./changePassword.html">修改密码</a></dd>
								<dd><a href="" id="logOutBtn">退出登录</a></dd>
							</dl>
						</li>
					</ul>
				</li>
				<li class="nav-item disabledNone" id="attestation">
					<a class="nav-link" style="color:#FF820C;padding-left: 0px;font-size:12px;cursor: pointer;">未认证</a>
				</li>
				<li class="nav-item disabledNone noUser">
					<a class="nav-link" href="./login.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-user-fill"></i></span>登录 </a>
				</li>
				<li class="nav-item disabledNone noUser">
						<span class="nav-link" href="./register.html">
							<a class="btn btn-success btn-round shadow-sm text-white" href="#" data-toggle="modal"
							   data-target="#modal_newsletter">
								<i class="iconfont icon-github"></i> 立即注册 <a href="#" class="downloadzip"
																				 class="hidden"></a>
							</a>
						</span>
				</li>
			</ul>
		</div>
	</div>
</nav>


<!-------------------------------------- HEADER --------------------------------------->
<div class="jumbotron jumbotron-fluid mb-3 bg-primary position-relative"
	 style="background-color: #FF6A00 !important;">
	<div class="container text-white h-100 tofront mt-5">
		<div class="row align-items-center justify-content-center text-center">
			<div class="col-md-10">
				<h1 class="display-3">法律声明与政策</h1>
			</div>
		</div>
	</div>
</div>
<!-- End Header -->

<div class="container pt-5 pb-5 mb-5">
	<div class="row justify-content-center">
		<div class="col-lg-11">
			<div id="docsarea" class="font-weight-normal">
				<h1 style="padding-top: 30px;">法律声明与政策</h1>
				<p>欢迎访问数据资产管理平台。为了保障您的权益并帮助您了解我们的服务条款和政策，请仔细阅读以下内容。</p>

				<h2>隐私政策</h2>
				<p>我们重视您的隐私，并承诺保护您的个人信息。我们的隐私政策详细说明了我们如何收集、使用、保护和披露您的信息。我们会采取合理的措施，确保您的个人信息在处理过程中的安全性和保密性。我们收集的信息包括您在注册、使用服务以及与我们互动时提供的数据。我们使用这些信息来改进我们的服务、提供个性化体验并满足法律要求。我们不会未经您同意向第三方出售或共享您的个人信息，除非法律要求或为了保护我们的权利和安全。请阅读完整的隐私政策以了解更多信息。</p>

				<h2>服务条款</h2>
				<p>通过访问和使用我们的平台，您同意遵守我们的服务条款。服务条款描述了您与我们之间的法律关系，包括使用条件、用户义务、责任限制等内容。我们要求用户提供准确的注册信息，并对其账户活动负全责。用户不得利用本平台从事非法活动或违反公共道德的行为。本平台保留在任何时候修改或终止服务的权利，并不对因使用本平台而引起的任何直接或间接损害承担责任。请阅读完整的服务条款以了解更多信息。</p>

				<h2>版权声明</h2>
				<p>本平台上的所有内容，包括但不限于文字、图像、音频和视频，均受版权保护。未经授权，禁止复制、传播或以其他方式使用这些内容。我们尊重知识产权，并要求我们的用户也这样做。如果您认为您的作品在本平台上被未经授权使用，请联系我们提供相关证明文件，我们会尽快处理您的请求。任何违反版权声明的行为可能导致法律责任。请阅读完整的版权声明以了解更多信息。</p>

				<h2>联系我们</h2>
				<p>如有任何问题或需要进一步的信息，请联系我们。我们致力于为用户提供安全、可靠的服务，并愿意解决您在使用过程中遇到的任何问题。您可以通过电子邮件、电话或在线客服与我们联系，我们的支持团队将竭诚为您服务。</p>

				<p>通过详细阅读上述声明与政策，您可以更好地了解我们的服务和您的权利与义务。我们感谢您对数据资产管理平台的信任与支持。</p>
		</div><!-- End docs -->
	</div>
</div>
</div>







<!-------------------------------------- FOOTER 底部 --------------------------------------->

<footer class="bg-black pb-5" style="padding-top: 20px;padding-bottom: 20px !important;background-color: #FF6A00;">
	<div class="container">
		<div class="row" style="text-align: center;">
			<div class="col-12 col-md mr-4">
				<small class="d-block mt-3 text-muted" style="color: white !important;">
					<p style="color: white;margin-top: 10px;font-size: 30px;">数据资产管理平台</p>
					Copyright @ 2024 数据资产管理平台-版权所有 蜀ICP备202423603号
				</small>
			</div>
		</div>
	</div>
</footer>
<!-- End Footer -->



<!-------------------------------------- JAVASCRIPTS --------------------------------------->
<script src="vendor/jquery.min.js" type="text/javascript"></script>
<script src="vendor/popper.min.js" type="text/javascript"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
<script src="./assets/layui/layui.js" type="text/javascript"></script>
<script src="js/tool.js" type="text/javascript"></script>
<script src="js/header.js" type="text/javascript"></script>
<!-- Animation -->
<script src="vendor/aos.js" type="text/javascript"></script>
<noscript>
	<style>
		*[data-aos] {
			display: block !important;
			opacity: 1 !important;
			visibility: visible !important;
		}
	</style>
</noscript>
<script>
	AOS.init({
		duration: 700
	});
</script>

<!-- Disable animation on less than 1200px, change value if you like -->
<script>
	AOS.init({
		disable: function () {
			var maxWidth = 1200;
			return window.innerWidth < maxWidth;
		}
	});
</script>
<script>
	$(function () {
		// 获取最新消息的数据
		let pageNum = 1, pageSize = 8
		function RequestMessageList(parame) {
			$.ajax({
				timeout:30000,
				type: 'GET',
				url: window.Http + "/publishInfo/list",
				headers: {
					'Authorization': "Bearer " + sessionStorage.getItem('Token')
				},
				data: parame,
				success: function (res) {
					console.log(res)
					if (res.code == 200) {

						if (res.rows && res.rows.length > 0) {
							let html = "";
							res.rows.forEach(item => {
								html += `
                            <li>
                                <h4>${item.title}</h4>
                                <div class="mb-2">
                                    ${item.content}
                                </div>
                                <div>
                                    <i class="iconfont icon-user-fill"></i> 发布人：${item.releaseUserName}
                                    <span style="margin-left: 10%;"><i class="iconfont icon-shijian"></i> ${item.releaseTime.slice(0,10)}</span>
                                    <span style="margin-left: 10%;"><i class="iconfont icon-yanjing"></i> 6406浏览量</span>
                                </div>
                            </li>
                        `
							})
							$(".messageList").html(html);
						}
						renderPage(res.total,parame.pageNum)
					}
				}
			})
		}
		//处理分页
		let pageNumber;
		function renderPage(num, pagen) {
			pagen -= -1;
			pageNumber = Math.ceil(num / pageSize);
			let html = '';
			$('.pagination').empty();
			$('.pagination').append(`<li class="page-item previous"> <a class="page-link" href="#" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span></a></li>
            <li class="page-item next"><a class="page-link" href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>`)
			for (var i = 1; i <= pageNumber; i++) {
				html += `<li class="page-item"><a class="page-link pageN" href="#">` + i + `</a></li>`
			}
			$('.pagination li:first-child').after(html)
			$('.pagination li:nth-child(' + pagen + ')').addClass('active')
		}

		(function () {
			let parame = { pageNum, pageSize }
			RequestMessageList(parame);
		}());

		// 分页(数字)
		$('.pagination').on('click', '.pageN', function (e) {
			e.preventDefault()
			// 获取页数
			let num = $(this)[0].innerHTML;
			let parame = { pageSize, pageNum: num }
			RequestMessageList(parame);// 发送请求
		})
		// 分页(上一页)
		$('.pagination').on('click', '.previous', function (e) {
			e.preventDefault()
			// 获取当前页数
			let num = $(this).siblings('.active')[0].children[0].innerHTML;
			// console.log($(this).siblings('.active')[0].children[0].innerHTML);
			if (num > 1) {
				num -= 1;
				let parame = {
					pageSize,
					pageNum: num
				}
				RequestMessageList(parame);// 发送请求
			}
		})
		// 分页(下一页)
		$('.pagination').on('click', '.next', function (e) {
			e.preventDefault()
			// 获取当前页数
			let num = $(this).siblings('.active')[0].children[0].innerHTML;
			if (num <= pageNumber) {
				num -= -1;
				let parame = {
					pageSize,
					pageNum: num
				}
				RequestMessageList(parame);// 发送请求
			}
		})

	})
</script>
</body>

</html>
